.LayerSwipe {
	position:absolute;
	width:100%;
	height:100%;
	*z-index:1; 
}

.LayerSwipe .handleContainer {
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
}

.LayerSwipe .vertical {
	position:absolute;
	border-left:1px solid #848484;
	border-right:1px solid #848484;
	background-color:#dadada;
	width:6px;
	height:100%;
	padding:0!important;
	margin:0;
	z-index:30;
	cursor:col-resize;
}

.LayerSwipe .vertical:hover {
	opacity:.75;
}

.LayerSwipe .vertical .handle {
	width:24px;
	height:32px;
	margin:-16px 0 0 -12px;
	position:absolute;
	z-index:30;
	top:50%;
	left:50%;
	background-color:#dadada;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #848484;
	background-image:url(../images/vDrag.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.LayerSwipe .horizontal {
	position:absolute;
	border-top:1px solid #848484;
	border-bottom:1px solid #848484;
	background-color:#dadada;
	width:100%;
	height:6px;
	padding:0!important;
	margin:0;
	z-index:30;
	cursor:row-resize;
}

.LayerSwipe .horizontal:hover {
	opacity:.75;
}

.LayerSwipe .horizontal .handle {
	width:32px;
	height:24px;
	margin:-12px 0 0 -16px;
	position:absolute;
	z-index:30;
	top:50%;
	left:50%;
	background-color:#dadada;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #848484;
	background-image:url(../images/hDrag.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.LayerSwipe .scope {
	border:0;
	height:261px;
	overflow:hidden;
	position:absolute;
	width:261px;
	cursor:move;
	top:0;
	left:0;
	z-index:30;
	background-color:transparent;
	background-image:url(../images/scope.png);
	background-repeat:no-repeat;
	background-position:center center;
}

.LayerSwipe .scope .handleContainer {
	display:none;
}
